import React, { useEffect } from "react";

import Contact from "./Contact";
import Conversation from "./Conversation";
import styles from "./style.module.scss";
import HomeData, { HomeContext } from "./context";
import Beian from "components/Beian";
import socket from './socket';

export default function Home() {
    const value = HomeData();
    return (
        <HomeContext.Provider value={value}>
            <div className={styles.container}>
                <div className={styles.content}>
                    <div className={styles.contact}>
                        <Contact />
                    </div>
                    <div className={styles.conversation}>
                        <Conversation />
                    </div>
                </div>
                <div className={styles.beian}><Beian/>></div>
            </div>
        </HomeContext.Provider>
    );
}
